<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
<style type="text/css">
  .adloading {
    background: url("http://wimg.mangocity.com/img/w/zuche/flash/loading.gif") no-repeat scroll center center #fff;}
  .picnum .on {    background: none repeat scroll 0 0 #ff6600;}
  fieldset, img, .class_img {    border: 0 none; }
</style>
<script type="text/javascript" src="http://static.xinyour.cn/style/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
         var src = ["http://wimg.mangocity.com/img/home/banner/banner10141.jpg","http://wimg.mangocity.com/img/home/banner/banner10242.jpg","http://wimg.mangocity.com/img/home/banner/banner10283.jpg","http://wimg.mangocity.com/img/home/banner/banner10204.jpg","http://wimg.mangocity.com/img/home/banner/banner10135.jpg","http://wimg.mangocity.com/img/home/banner/banner10266.jpg"];
        var _href = ["http://www.mangocity.com/promotion/s111014gesida.html?ozs=112468","http://lvyou.mangocity.com/promotion/haiquanwan.html","http://www.mangocity.com/promotion/m110821shanglv.html","http://www.mangocity.com/promotion/e111020xianggang.html?ozs=112479","http://www.mangocity.com/promotion/f111008gozhuhai.html?ozs=112412","http://www.bloves.com/special/201109/HcDiamond.aspx"];

    $(document).ready(function () {
         function d() {
             var p = $("#picnum").find("span").length;
             var q = 0; var r; 
             $("#picnum span").mouseover(function () {
                 q = $("#picnum span").index(this); 
				 o(q)
             }).eq(0).mouseover();
             $("#picfocus").hover(function () {
                 clearInterval(r)
             }, function () {
                 r = setInterval(function () {
                     q++; if (q == p) { q = 0 } 
					 o(q)
                 }, 5000)
             }).trigger("mouseleave")
         }
         var g = new Array();
         function o(r) {
             var q = false;
             for (var p = 0; p < g.length; p++) {
                 if (g[p] == r) { q = true; break }
             }
             if (q) {
                 $("#bigpic").removeClass("adloading");
                 $(".class_img").hide();
                 $("#id_img_" + r).fadeIn("slow")
             } else {
                 $("#bigpic").addClass("adloading");
                 $(".class_img").hide();
                 $("#id_img_" + r).loadthumb({ src: src[r] });
                 g.push(r)
             }
             $("#picnum span").removeClass("on").eq(r).addClass("on");
             $("#id_showImage").attr("href", _href[r]).attr("name", "flashAd" + r)
         }
       jQuery.fn.loadthumb = function (c) {
		c = $.extend({ src: "" }, c);
		var a = this;
		a.hide();
		var b = new Image();
		$(b).load(function () {
		    a.attr("src", c.src);
		    a.fadeIn("slow")
		}).attr("src", c.src);
		return a
    };
         d();
    
});
    </script>

 </head>

 <body>
  <div id="picfocus" class="picfocus">
        <div id="bigpic" class="bigpic">
            <a id="id_showImage" href="#" target="_blank">
               <img id="id_img_0" class="class_img" style="display:none;"/>
               <img id="id_img_1" class="class_img" style="display:none;"/>
               <img id="id_img_2" class="class_img" style="display:none;"/>
               <img id="id_img_3" class="class_img" style="display:none;"/>
               <img id="id_img_4" class="class_img" style="display:none;"/>
               <img id="id_img_5" class="class_img" style="display:none;"/>
	  
            </a>
        </div>
        <p id="picnum" class="picnum">
            <span class="on">1</span>
            <span>2</span>
            <span>3</span>
            <span>4</span>
            <span>5</span>
            <span>6</span>	    
        </p>
    </div>
 </body>
</html>
